<!--
  Generated template for the AllRankingPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="mainColor">
    <ion-title>全班排名</ion-title>
  </ion-navbar>

</ion-header>


<ion-content >
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="下拉刷新" refreshingSpinner="circles"  refreshingText="努力刷新数据中...">
    </ion-refresher-content>
  </ion-refresher>
  <div *ngIf="allRankingList">
    <div class="allNum">成员总数:{{allRankingList.length}}人</div>
    <ul class="rank-list" *ngFor="let item of allRankingList;let i=index">
      <li>
        <div class="rank-num" *ngIf="i<3">
          <img [src]="'./assets/imgs/rank-' + (i+1) + '.png'" alt="">
        </div>
        <div class="rank-num" *ngIf="i>=3">
          {{i+1}}
        </div>
        <div  class="rank-userImg">
          <img [src]="serverPort+item.image_path">
        </div>
        <div class="rank-userName">
          <p>{{item.stu_name}}</p>
          <p>{{item.stu_no}}</p>
        </div>
        <div class="rank-score">
          <p>总分数：{{(+item.attenCnt)+(+item.experience)+(+item.score)}}</p>
          <p>经验值：{{item.experience}}</p>
        </div>
    </ul>
  </div>
</ion-content>
